Skip to main content

Slider How To's

How to's for the Slider guide.

How to Use Slider?​

How to Use Slider?​

Follow the steps below to add a Slider component to a form and configure its basic usage.

Add the Slider Component to the Form​

  1. Open the form design screen.
  2. Go to the Toolbox panel.
  3. Find the Slider component.
  4. Drag and drop it onto the form.

Configure General Properties​

When the component is selected, the following tabs appear in the Property Viewer panel:

  • General
  • Label
  • Behavior
  • Appearance
  • Events

General Tab​

You can configure the following settings:

  • Min Value → The minimum selectable value
  • Max Value → The maximum selectable value
  • Step → The increment amount (e.g., 1, 5, 10)
  • Value → The initial value of the Slider
  • Enabled → Whether the component is usable

Using the Value​

The value selected on the Slider:

  • Is saved as data when the form is saved
  • Can be used in Rules
  • Can be used to trigger or update other form components

Example usage:

  • Show a warning if the value is greater than 80
  • Update other fields as the value changes

Using Events​

From the Events tab:

  • You can run actions when the value changes
  • Other components can be enabled/disabled
  • Dynamic business rules can be executed

Tips​

  • Increase the Step value for large ranges
  • Use it with a Label to display the selected value to the user
  • It is very suitable for mobile forms

Summary​

The Slider component:

  • Is ideal for numeric range selection
  • Improves user experience
  • Provides fast and intuitive data input
  • Offers a visual and interactive control

What Is Slider?​

What Is Slider?​

A Slider is a form control that allows users to select a value within a defined minimum and maximum range.
The value is selected using a sliding interaction with a mouse or touch input.

This component is especially preferred for:

  • Intuitive selection of numeric ranges
  • Visual value adjustment that improves user experience
  • Scenarios where precise numeric input is not required

Key Features​

  • Operates within a defined min–max range
  • Real-time visual feedback as the value changes
  • Produces numeric values
  • Compatible with mouse and touch devices

Where Is It Used?​

  • Rating and scoring systems
  • Priority or level selection
  • Ratio or percentage selection
  • Settings such as volume or brightness
  • Quickly capturing user preferences

Key Advantages​

  • Easy and intuitive to use
  • A more user-friendly alternative to TextBox
  • Provides immediate visual feedback
  • Mobile-friendly

Notes​

  • Slider works only with numeric values
  • For precise (small-step) inputs, NumberBox is recommended
  • Value changes can be handled using events

How to Use Client Enabled?​

What is Client Enabled?​

Client Enabled is a property that defines whether a form control is active (enabled) on the client side when the form is first loaded.
If it is set to True, the control is immediately usable by the user.
If it is set to False, the control is disabled and cannot be interacted with until a specific condition or rule activates it.

This property is especially useful for controlling the user’s interaction flow and applying dynamic behaviors using the Rule Manager.

What Does It Do?​

The property allows developers to:

  • Control when a form control becomes interactive.
  • Prevent users from entering or changing data until prerequisites are met.
  • Dynamically enable or disable controls based on user input or logic.

Example Scenario — Conditional Activation​

Scenario:
A form contains a checkbox called “I Accept Terms” and a text field called “Signature.”
The goal is to make the “Signature” field inactive until the user checks “I Accept Terms.”

Steps to Implement:​

  1. Select the “Signature” field in the form editor.

  2. In the Properties panel, find the Client Enabled field.

  3. Set the value to False — the field will now be disabled by default when the form loads.

  4. Open the Rule Manager.

  5. Add a new rule:

    Condition:

Action:

  1. Save and publish the form.

Result:​

  • When the form loads, the “Signature” field is disabled.
  • Once the user checks “I Accept Terms,” the field automatically becomes active and editable.

Behavior Summary​

Property StateDescription
TrueThe control is active and ready for user interaction when the form loads.
FalseThe control is disabled at load time and can be enabled dynamically via rules or code.

Notes & Best Practices​

  • Use the Client Enabled property to manage client-side interactivity without requiring server actions.
  • Combine it with Rule Manager to define when and how controls become active.
  • Remember: if server enablement is disabled, the client cannot enable the control even if Client Enabled is set to True.
  • By default, this property is set to True (active).

Summary​

Client Enabled improves form usability by letting developers control when and how users interact with form controls.
It is essential for creating responsive, condition-based form experiences where user actions dynamically change the form’s state.